<template>
  <el-table :data="tableData" border style="width: 100%">
    <el-table-column fixed type="index" label="序号" width="60" />
    <el-table-column prop="stationCode" label="工位编码" width="150" />
    <el-table-column prop="stationName" label="工位名称" width="150" />
    <el-table-column prop="productionLineName" label="所属产线" width="180" />
    <el-table-column prop="processManagementName" label="所属工序" width="180" />
    <el-table-column prop="stationDesc" label="工位描述" width="130" />
    <el-table-column prop="createrPeople" label="创建人" width="130" />
    <el-table-column prop="createTime" label="创建时间" width="180">
      <template #default="scope">
        {{ moment(scope.row.createTime).format('YYYY-MM-DD') }}
      </template>
    </el-table-column>
    <el-table-column prop="updateTime" label="修改时间" width="180">
      <template #default="scope">
      </template>
    </el-table-column>
    <el-table-column fixed="right" label="操作" min-width="120">
      <template #default="scope">
        <el-button link type="warning" @click="">编辑</el-button>
        <el-button link type="danger" @click="">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
  <!--分页-->
  <div class="pagination-container">
    <el-pagination

      :page-sizes="[3, 6, 9, 12]"
      layout="total, sizes, prev, pager, next, jumper"
      :total="8"
      class="custom-pagination"
    />
  </div>
</template>

<script lang="ts" setup>
import { reactive, ref, onMounted } from 'vue';
import axios from 'axios';
import moment from 'moment';
import { ElMessage, ElMessageBox } from 'element-plus'
import { pa } from 'element-plus/es/locales.mjs';
import type { FormInstance, FormRules } from 'element-plus'
import { useCounterStore } from '@/stores/counter'
const pinia = useCounterStore();
const tableData = [
  {
    stationCode: 'GW1234',
    stationName: ' 卷圆/拉伸工位',
    productionLineName: '内胆焊接生产线',
    processManagementName: '-----',
    stationDesc: '将不锈钢板材卷圆并焊接缝，或通过模具拉伸成型',
    createrPeople: '张三',
    createTime: '2025-09-05',
    updateTime: '-',
  },
{
    stationCode: 'GW1235',
    stationName: '焊接/抛光工位',
    productionLineName: '外壳抛光生产线',
    processManagementName: '-----',
    stationDesc: '自动焊机焊接杯身接口，然后通过抛光机去除焊痕和毛刺，使表面光滑',
    createrPeople: '张三',
    createTime: '2025-09-05',
    updateTime: '-',
  },
  {
    stationCode: 'GW1236',
    stationName: '表面处理工位',
    productionLineName: '杯体冲压拉伸生产线',
    processManagementName: '-----',
    stationDesc: '自动焊机焊接杯身接口，然后通过抛光机去除焊痕和毛刺，使表面光滑',
    createrPeople: '张三',
    createTime: '2025-09-05',
    updateTime: '-',
  },
  {
    stationCode: 'GW1237',
    stationName: ' 内胆成型工位',
    productionLineName: '内胆焊接生产线',
    processManagementName: '-----',
    stationDesc: '类似外壳成型，制作内胆坯体',
    createrPeople: '张三',
    createTime: '2025-09-05',
    updateTime: '-1',
  },
]
</script>
